<!--
 * @Author: fleeting-ln 3518413017@qq.com
 * @Date: 2023-11-09 22:10:24
 * @LastEditors: fleeting-ln 3518413017@qq.com
 * @LastEditTime: 2023-11-09 22:51:07
 * @FilePath: \see_you\src\views\user\PerfectInformation.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div>
        <navbar @onClickLeft="onClickLeft"></navbar>
        <!-- <div class="navbar">
            <van-nav-bar left-arrow @click-left="onClickLeft">
                <template #left>
                    <img style="width: 24px; height: 24px" src="../../assets/iconPerfectInformation/nav_back@2x.png" />
                </template>
            </van-nav-bar>
        </div> -->
        <div class="bj-class"></div>
        <div class="content-class">
            <div>
                <!-- <van-image width="100" height="100" src="@/static/icon/Login/slogan.png" /> -->
                <img style="width: 240px; height: 92px" src="../../assets/iconPerfectInformation/slogan.png" />
            </div>
            <div>
                <div>
                    <div>
                        <div>
                            <van-image width="80px" height="80px"
                                :src="require('../../assets/iconPerfectInformation/information@2x.png')" />
                        </div>
                    </div>
                    <div>
                        <div>完善资料</div>
                        <div>注册信息须真实有效</div>
                    </div>
                </div>
                <div>
                    <div>
                        <div>
                            <van-image width="80px" height="80px"
                                :src="require('../../assets/iconPerfectInformation/address@2x.png')" />
                        </div>
                    </div>
                    <div>
                        <div>邀约地址</div>
                        <div>须选择线下公开场所</div>
                    </div>
                </div>
                <div>
                    <div>
                        <div>
                            <van-image width="80px" height="80px"
                                :src="require('../../assets/iconPerfectInformation/prohibited@2x.png')" />
                        </div>
                    </div>
                    <div>
                        <div>禁止违法</div>
                        <div>严厉打击不法交友行为</div>
                    </div>
                </div>
                <div style="margin: 40px 0px;">
                    <van-button round block type="info" native-type="submit" @click="toImproveData"
                        color="linear-gradient(180deg, #3764EC 0%, #6B85F7 100%)">去完善资料</van-button>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
// import {checkMobile} from "@/utils/fun"
import navbar from "@/components/navbar.vue"
export default {
    name: "Login",
    components:{
        navbar
    },
    data() {
        return {
        };
    },
    methods: {
        onClickLeft(){
            this.$router.push({ path: '/Login'})
        },
        toImproveData(){
            this.$router.push({ path: '/PersonalData'})
        }
    },
};
</script>

<style scoped lang="scss">

.bj-class {
    width: 100%;
    height: 148px;
    background: linear-gradient(180deg, #CDE1FD 0%, rgba(255, 255, 255, 0) 100%);
}

::v-deep .navbar {
    position: absolute !important;
    top: 30px !important;
}
::v-deep .van-nav-bar {
    background-color: #ffffff00 !important;
}


::v-deep .van-nav-bar__content {
    background: #ffffff00 !important;
    background-color: #ffffff00 !important;
}

.content-class {
    margin: 0px 20px;

    &>div:nth-child(2) {
        // margin-top: 20px;

        &>div:not(:last-child) {
            margin-top: 20px;
            display: flex;
            background: RGBA(235, 239, 254, 1);
            border-radius: 8px;
            border: 1px solid rgba(82, 117, 241, 0.30);

            &>div:nth-child(1) {}

            &>div:nth-child(2) {
                display: flex;
                flex-direction: column;
                flex: 1;
                justify-content: space-around;
                margin-left: 10px;

                &>div:nth-child(1) {
                    font-size: 16px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #5275F1;
                    margin-top: 10px;
                }

                &>div:nth-child(2) {
                    font-size: 14px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #767676;
                    margin-bottom: 10px;
                }
            }
        }
    }
}

::v-deep .van-button--round {
    border-radius: 8px !important;
}

::v-deep .van-button--normal {
    font-size: 16px !important;
    font-family: PingFangSC-Medium, PingFang SC !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
}
</style>
